<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>李可的OA系统</title>
  <link rel="stylesheet" href="layui/css/layui.css">
</head>
<script src="layui/layui.js"></script>
<script src="js/jquery-3.4.1.js"></script>

<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
	<!-- 头部区域（可配合layui已有的水平导航） -->
	<div class="layui-header">
		<div class="layui-logo">OA 毕业设计</div>
		<ul class="layui-nav layui-layout-left">
			<li class="layui-nav-item"><a href="">控制台</a></li>
		</ul>
		<!-- 右上角用户区域 -->
		<ul class="layui-nav layui-layout-right">
			<li class="layui-nav-item">
				<a href="javascript:;">
					<img src="img/defualt_headpotrait.png" class="layui-nav-img">用户名
				</a>
				<dl class="layui-nav-child">
					<dd><a href="">基本资料</a></dd>
				</dl>
			</li>
			<li class="layui-nav-item"><a href="login.html">退出</a></li>
		</ul>
	</div>
  
	<!-- 左边区域：导航列表 -->
	<div class="layui-side layui-bg-black">
		<div class="layui-side-scroll">
		<!-- 用户信息 -->
		<div class="userInfo" style="padding: 10px;padding-left: 55px;">
			<img src="img/defualt_headpotrait.png" align="center">
			<div style="padding-left: 15px;">
				<span>身份权限名</span>
			</div>
		</div>
		<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
		<ul class="layui-nav layui-nav-tree"  lay-filter="test">
			<!-- 导航列表-用户管理 -->
			<li class="layui-nav-item">
				<a class="navTitle" href="javascript:;">用户管理</a>
				<dl class="layui-nav-child">
					<dd><a jump="html/userManage/userManage.html"><i class="layui-icon layui-icon-radio" style="margin-right: 5px;"></i>用户管理</a></dd>
					<dd><a jump="html/userManage/deptManage.html"><i class="layui-icon layui-icon-radio" style="margin-right: 5px;"></i>部门管理</a></dd>
					<dd><a jump="html/userManage/jobManage.html"><i class="layui-icon layui-icon-radio" style="margin-right: 5px;"></i>职位管理</a></dd>
				</dl>
			</li>
			<!-- 导航列表-角色列表 -->
			<li class="layui-nav-item">
				<a class="navTitle" href="javascript:;">角色管理</a>
				<dl class="layui-nav-child">
					<dd><a jump="html/roleManage/roleManage.html"><i class="layui-icon layui-icon-radio" style="margin-right: 5px;"></i>角色列表</a></dd>
				</dl>
			</li>
			<!-- 导航列表-考勤管理 -->
			<li class="layui-nav-item">
				<a class="navTitle" href="javascript:;">考勤管理</a>
				<dl class="layui-nav-child">
					<dd><a jump="html/attendanceManage/attendance.html"><i class="layui-icon layui-icon-radio" style="margin-right: 5px;"></i>打考勤</a></dd>
					<dd><a jump="html/attendanceManage/attendanceManage.html"><i class="layui-icon layui-icon-radio" style="margin-right: 5px;"></i>考勤管理</a></dd>
					<dd><a jump="html/attendanceManage/attendanceList.html"><i class="layui-icon layui-icon-radio" style="margin-right: 5px;"></i>考勤列表</a></dd>
				</dl>
			</li>
			<!-- 导航列表-流程管理 -->
			<li class="layui-nav-item">
				<a class="navTitle" href="javascript:;">流程管理</a>
				<dl class="layui-nav-child">
					<dd><a jump="html/processManage/newProcess.html"><i class="layui-icon layui-icon-radio" style="margin-right: 5px;"></i>新建流程</a></dd>
					<dd><a jump="html/processManage/myProcess.html"><i class="layui-icon layui-icon-radio" style="margin-right: 5px;"></i>我的申请</a></dd>
					<dd><a jump="html/processManage/auditProcess.html"><i class="layui-icon layui-icon-radio" style="margin-right: 5px;"></i>流程审核</a></dd>
				</dl>
			</li>
			<!-- 导航列表-公告管理 -->
			<li class="layui-nav-item">
				<a class="navTitle" href="javascript:;">公告管理</a>
				<dl class="layui-nav-child">
					<dd><a jump="html/informationManage/notifyManage.html"><i class="layui-icon layui-icon-radio" style="margin-right: 5px;"></i>通知管理</a></dd>
					<dd><a jump="html/informationManage/notifyList.html"><i class="layui-icon layui-icon-radio" style="margin-right: 5px;"></i>通知列表</a></dd>
				</dl>
			</li>
			<!-- 导航列表-系统管理 -->
			<li class="layui-nav-item">
				<a class="navTitle" href="javascript:;">系统管理</a>
				<dl class="layui-nav-child">
					<dd><a jump="html/systemManage/typeManage.html"><i class="layui-icon layui-icon-radio" style="margin-right: 5px;"></i>类型管理</a></dd>
					<dd><a jump="html/systemManage/statusManage.html"><i class="layui-icon layui-icon-radio" style="margin-right: 5px;"></i>状态管理</a></dd>
				</dl>
			</li>
		</ul>
		</div>
	</div>
	<!-- 内容主体区域 -->
	<div class="layui-body" style="overflow-y: hidden">
		<iframe scrolling="auto" width="100%" height="100%"></iframe>
	</div>
	
	<!-- 底部固定区域 -->
	<div class="layui-footer">
		© 物联网-大数据-李可
	</div>
</div>
<script>
	//JavaScript代码区域
	layui.use('element', function(){
	  var element = layui.element;
	});

	//为导航列表绑定点击事件
	$(".navTitle").next().find("a").click(jumpIframe);

	/**
	 * 跳转到jump属性值对应的页面
	 */
	function jumpIframe(){
		console.log($(this).attr("jump"));
		$("iframe").attr("src",$(this).attr("jump"));
	}
</script>
</body>
</html>